<template>
  <div class="page-mobile__agreement ">
    <white-header
      :isShowTopNav="true"
      :isShowBack="true"
      :isShowRight="true"
      title="会员注册协议"
    ></white-header>
    <div class="markdown-body" v-html="web_info.MEMBER_PROTOCOL"></div>
  </div>
</template>

<script>
import { mapState, mapActions, mapMutations } from "vuex";
import WhiteHeader from "~/components/mobile/WhiteHeader.vue";
export default {
  components: {
    WhiteHeader
  },
  data() {
    return {};
  },
  computed: {
    ...mapState({
      web_info(state) {
        return state.web_info;
      }
    })
  },
  watch: {},
  methods: {},
  created() {},
  mounted() {}
};
</script>

<style lang="scss" scoped>
.page-mobile__agreement {
  min-height: 100vh;
  .markdown-body {
    padding: 0 0.2rem;
    border-top: 1px solid #ededf1;
    background-color: #ffffff;
  }
}
</style>
<style lang="scss">
.page-mobile__agreement {
  @import "../../assets/css/markdown.scss";
}
</style>
